<template>
    <div class="documents-container">
        <el-form label-width="140px">
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="企业名称：">
                        <el-input placeholder="请输入企业名称" v-model="modal"></el-input>
                    </el-form-item>
                    <el-form-item label="企业性质：">
                        <el-select placeholder="请输入企业性质" :value="1">
                            <el-option :label="1" :value="1"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="企业规模：">
                        <el-select placeholder="请输入企业规模" :value="1">
                            <el-option :label="1" :value="1"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="注册资金(万元)：">
                        <el-input placeholder="请输入注册资金"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" >
                    <el-form-item label="企业标志：">
                        <img src="../../../../../assets/images/sign-in/login_add.png" alt="" style="cursor: pointer">
                    </el-form-item>
                    <el-form-item label="所在地区：">
                        <el-select placeholder="请选择" :value="1">
                            <el-option :label="1" :value="1"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="详细地址：">
                        <el-input placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <div class="lines"></div>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="联系人：">
                        <el-input placeholder="请输入联系人" v-model="modal"></el-input>
                    </el-form-item>
                    <el-form-item label="联系电话：">
                        <el-input placeholder="请输入联系电话"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" >
                    <el-form-item label="联系邮箱：">
                        <el-input placeholder="请输入联系邮箱"></el-input>
                    </el-form-item>
                    <el-form-item label="公司网址：">
                        <el-input placeholder="请输入公司网址"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <div class="lines"></div>
        </el-form>
        <el-form  label-position="top" style="margin: 0px 53px 0px 57px;">
            <el-form-item label="公司简介：">
                <el-input
                        type="textarea"
                        placeholder="请输入内容"
                        maxlength="200"
                        show-word-limit
                        rows="4"
                >
                </el-input>
            </el-form-item>
        </el-form>
        <div class="form-footer">
            <div class="release-btn">完成</div>
            <div class="complete-btn" @click="goPage('Enterprise')">取消</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Documents",
        data() {
            return {
                modal: ''
            }
        },
        methods: {
            goPage(name) {
                this.$router.push({name: name})
            }
        }
    }
</script>

<style scoped lang="less">
    .documents-container /deep/ .el-input__inner {
        width: 246px;
        height: 34px;
    }
    .documents-container {
        margin-top: 46px;
    }
    .lines {
        width:782px;
        height: 1px;
        margin: 30px auto 50px auto;
        border-bottom: 1px dashed #EFEAEA;
    }
    .form-footer {
        height: 158px;
        display: flex;
        justify-content: center;
        align-items: center;
        .release-btn,.complete-btn  {
            width:125px;
            height:48px;
            line-height: 48px;
            text-align: center;
            background:rgba(230,31,31,1);
            border-radius:2px;font-size:16px;
            font-family:MicrosoftYaHeiSemibold;
            cursor: pointer;
            color:rgba(255,255,255,1);
            display: inline-block;
        }
        .release-btn {
            margin-right: 41px;
        }
        .complete-btn {
            background:rgba(204,204,204,1);
        }
    }
</style>